<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl"
>
  <xsl:output method="xml" indent="yes"/>
  <xsl:template match="@* | friends" mode="friend"></xsl:template>
    
      <xsl:template match="@* | profile">
        
  <!--<xsl:template match="@* | node()">-->
    <xsl:copy>
      <!--<xsl:apply-templates select="@* | player"/>-->
      <xsl:apply-templates select="@* | profile"/>
      <!--<xsl:apply-templates select="@* | node()"/>-->
    </xsl:copy>
        <html>
          <head>
            <title>My Steam Widget</title>
            <link href="~/Styles/CS400.css" rel="stylesheet" type="text/css" />
           <!-- <link rel="stylesheet" type="text/css" href="~\Styles\CS400.css"/>-->
          </head>
         <body class="steamBody" runat="server">
        <div id="steamID" runat="server"> Steam ID: 
        <xsl:value-of select="steamID64"/>
        </div>

            <div class="steamUser" runat="server">
              <h1>
            <xsl:value-of select="steamID"/>
          </h1>
        </div>
        <div class="steamProfLink" runat="server">
         <!-- <a title="Steam Profile Link">
            <xsl:attribute name = "href">
              <xsl:value-of select="profileurl"/>
            </xsl:attribute>
            <p>Steam Link</p>
           
          </a>-->
        </div>
        <div class="steamAvatar"> Avatar:
          <img>
          <xsl:attribute name = "src">
          <xsl:value-of select="avatarMedium"/>
          </xsl:attribute>
          </img>
        </div>
           <br />
       <div class="steamFriends" runat="server">
        <!--  <xsl:apply-templates mode="friend"/>-->
         
          <h3>Friends </h3>
            
              <table border="1">
                <tr bgcolor="Red">
                <th>Name</th>
                <th>Status</th>
                </tr>
                <xsl:for-each select="/profile/friends/friend">
                <tr>
                  <td>
                  <xsl:value-of select="steamID"/>
                  </td>
                  <td>
                  <xsl:value-of select="onlineState"/>
                  </td>
                </tr> 
                </xsl:for-each>
              </table>
        </div>
         </body>
        </html>
        
               
                    
          
        
          
          
        
        
  </xsl:template>
</xsl:stylesheet>
